new Vue({
    el:"#app",
    data:{
        user:{
            id:'',
            loginName:'',
            password:'',
            realName:'',
            gender:'',
            email:'',
            birth:'',
            description:''
        },
        userList:[]
    },
    methods:{
        findAll:function(){
            //在当前方法中定义一个变量，表明是vue对象
            var _this = this;
            axios.get('/user/list')
                .then(function (response) {
                    _this.userList = response.data;//响应数据给userList赋值
                    //console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                })
        },
        findById:function (id) {
            //在当前方法中定义一个变量，表明是vue对象
            var _this = this;
            axios.get('/user/findOne',{params:{id:id}})
                .then(function (response) {
                    _this.user = response.data;//响应数据给userList赋值
                    $("#myModal").modal("show");
                })
                .catch(function (error) {
                    console.log(error);
                })
        },
        update:function () {//post请求
            //在当前方法中定义一个变量，表明是vue对象
            var _this = this;
            console.info(this.user);
            axios.post('/user/update', _this.user)
                .then(function (response) {
                    if (response.data == 'success') {
                        _this.findAll();
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
    },
    created:function() {//当我们页面加载的时候触发请求，查询所有
        this.findAll();
    }
});